.truncate {
white-space: nowrap;         /* 不允许换行 */
overflow: hidden;            /* 隐藏超出部分 */
text-overflow: ellipsis;     /* 超出部分用省略号表示 */
word-wrap: break-word;       /* 长单词自动换行 */
width: 100%;                 /* 宽度自适应 */
}

.truncate:hover {
white-space: normal;         /* 悬浮时允许换行 */
overflow: visible;           /* 悬浮时显示完整内容 */
text-overflow: clip;         /* 悬浮时去掉省略号 */
}
